--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Node / ReticulumProjects / MeshChatX.git / files / meshchatx / src / frontend / components / rnode / RNodeDeviceSelector.vue
Displaying Raw • Download
meshchatx/src/frontend/components/rnode/RNodeDeviceSelector.vue 9c739fa940d1bcaefcd5de9a3b461762a7200103 (9c739fa9) Text, 7.91 KB
T8b949e<!-- SPDX-License-Identifier: 0BSD -->
Tb4b4b4<Tff7b72templateTb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"space-y-4"Tb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex items-center gap-2"Tb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"p-2 bg-blue-100 dark:bg-blue-900/30 rounded-lg text-blue-600 dark:text-blue-400 shrink-0"Tb4b4b4>
Tb4b4b4<Tff7b72MaterialDesignIcon Te6edf3icon-nameTff7b72=Ta5d6ff"usb-port" Te6edf3classTff7b72=Ta5d6ff"size-5" Tb4b4b4/Tb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tff7b72h2 Te6edf3classTff7b72=Ta5d6ff"font-bold text-gray-900 dark:text-zinc-100"Tb4b4b4>
Tff7b72{{ Te6edf3stepNumber Tff7b72}}. Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"tools.rnode_flasher.select_device"Tb4b4b4) Tff7b72}}
Tb4b4b4<Tb4b4b4/Tff7b72h2Tb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"space-y-1"Tb4b4b4>
Tb4b4b4<Tff7b72label Te6edf3classTff7b72=Ta5d6ff"rnf-label"Tb4b4b4>Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"tools.rnode_flasher.connection_method"Tb4b4b4) Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72labelTb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"grid grid-cols-3 gap-2"Tb4b4b4>
Tb4b4b4<Tff7b72button
Te6edf3v-forTff7b72=Ta5d6ff"Te6edf3option Tff7b72in Te6edf3connectionOptionsTa5d6ff"
Tb4b4b4:Te6edf3keyTff7b72=Ta5d6ff"Te6edf3optionTb4b4b4.Te6edf3idTa5d6ff"
Te6edf3typeTff7b72=Ta5d6ff"button"
Tb4b4b4:Te6edf3data-testidTff7b72=Ta5d6ff"Ta5d6ff`Ta5d6ffrnode-transport-Tffd700${Te6edf3optionTb4b4b4.Te6edf3idTffd700}Ta5d6ff`Ta5d6ff"
Tb4b4b4:Te6edf3disabledTff7b72=Ta5d6ff"Tff7b72!Te6edf3optionTb4b4b4.Te6edf3availableTa5d6ff"
Te6edf3classTff7b72=Ta5d6ff"flex flex-col items-center justify-center gap-1 py-2.5 px-2 rounded-xl border text-xs sm:text-sm font-bold transition-all"
Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"
Te6edf3connectionMethod Tff7b72=== Te6edf3optionTb4b4b4.Te6edf3id
Tff7b72? Ta5d6ff'bg-blue-600 text-white border-blue-600'
Tff7b72: Te6edf3optionTb4b4b4.Te6edf3available
Tff7b72? Ta5d6ff'bg-gray-50 dark:bg-zinc-800/50 border-gray-200 dark:border-zinc-800 text-gray-700 dark:text-zinc-300 hover:bg-gray-100 dark:hover:bg-zinc-800'
Tff7b72: Ta5d6ff'bg-gray-100 dark:bg-zinc-900 border-gray-200 dark:border-zinc-800 text-gray-400 dark:text-zinc-600 cursor-not-allowed'
Ta5d6ff"
Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3optionTb4b4b4.Te6edf3available Tff7b72&& Te6edf3$emitTb4b4b4(Ta5d6ff'update:connectionMethod'Tb4b4b4, Te6edf3optionTb4b4b4.Te6edf3idTb4b4b4)Ta5d6ff"
Tb4b4b4>
Tb4b4b4<Tff7b72MaterialDesignIcon Tb4b4b4:Te6edf3icon-nameTff7b72=Ta5d6ff"Te6edf3optionTb4b4b4.Te6edf3iconTa5d6ff" Te6edf3classTff7b72=Ta5d6ff"size-4 sm:size-5" Tb4b4b4/Tb4b4b4>
Tb4b4b4<Tff7b72spanTb4b4b4>Tff7b72{{ Te6edf3$tTb4b4b4(Te6edf3optionTb4b4b4.Te6edf3labelKeyTb4b4b4) Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3connectionMethod Tff7b72=== Ta5d6ff'wifi'Ta5d6ff" Te6edf3classTff7b72=Ta5d6ff"space-y-1"Tb4b4b4>
Tb4b4b4<Tff7b72label Te6edf3classTff7b72=Ta5d6ff"rnf-label"Tb4b4b4>Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"tools.rnode_flasher.ip_address"Tb4b4b4) Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72labelTb4b4b4>
Tb4b4b4<Tff7b72input
Tb4b4b4:Te6edf3valueTff7b72=Ta5d6ff"Te6edf3wifiHostTa5d6ff"
Te6edf3typeTff7b72=Ta5d6ff"text"
Te6edf3inputmodeTff7b72=Ta5d6ff"decimal"
Te6edf3autocompleteTff7b72=Ta5d6ff"off"
Te6edf3spellcheckTff7b72=Ta5d6ff"false"
Te6edf3classTff7b72=Ta5d6ff"rnf-input"
Tb4b4b4:Te6edf3placeholderTff7b72=Ta5d6ff"Te6edf3$tTb4b4b4(Ta5d6ff'tools.rnode_flasher.ip_address_placeholder'Tb4b4b4)Ta5d6ff"
Tb4b4b4@Te6edf3inputTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'update:wifiHost'Tb4b4b4, Te6edf3$eventTb4b4b4.Te6edf3targetTb4b4b4.Te6edf3valueTb4b4b4)Ta5d6ff"
Tb4b4b4/Tb4b4b4>
Tb4b4b4<Tff7b72p Te6edf3classTff7b72=Ta5d6ff"text-[10px] text-gray-500 dark:text-zinc-500"Tb4b4b4>
Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"tools.rnode_flasher.wifi_help"Tb4b4b4) Tff7b72}}
Tb4b4b4<Tb4b4b4/Tff7b72pTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"space-y-1"Tb4b4b4>
Tb4b4b4<Tff7b72label Te6edf3classTff7b72=Ta5d6ff"rnf-label"Tb4b4b4>Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"tools.rnode_flasher.product"Tb4b4b4) Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72labelTb4b4b4>
Tb4b4b4<Tff7b72select Tb4b4b4:Te6edf3valueTff7b72=Ta5d6ff"Te6edf3selectedProductTff7b72?Tb4b4b4.Te6edf3id Tff7b72?? Ta5d6ff''Ta5d6ff" Te6edf3classTff7b72=Ta5d6ff"rnf-input" Tb4b4b4@Te6edf3changeTff7b72=Ta5d6ff"Te6edf3onProductChangeTa5d6ff"Tb4b4b4>
Tb4b4b4<Tff7b72option Te6edf3valueTff7b72=Ta5d6ff"" Te6edf3disabledTb4b4b4>Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"tools.rnode_flasher.select_product"Tb4b4b4) Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72optionTb4b4b4>
Tb4b4b4<Tff7b72option Te6edf3v-forTff7b72=Ta5d6ff"Te6edf3product Tff7b72in Te6edf3productsTa5d6ff" Tb4b4b4:Te6edf3keyTff7b72=Ta5d6ff"Te6edf3productTb4b4b4.Te6edf3idTa5d6ff" Tb4b4b4:Te6edf3valueTff7b72=Ta5d6ff"Te6edf3productTb4b4b4.Te6edf3idTa5d6ff"Tb4b4b4>
Tff7b72{{ Te6edf3productTb4b4b4.Te6edf3name Tff7b72}}
Tb4b4b4<Tb4b4b4/Tff7b72optionTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72selectTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"space-y-1"Tb4b4b4>
Tb4b4b4<Tff7b72label Te6edf3classTff7b72=Ta5d6ff"rnf-label"Tb4b4b4>Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"tools.rnode_flasher.model"Tb4b4b4) Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72labelTb4b4b4>
Tb4b4b4<Tff7b72select
Tb4b4b4:Te6edf3valueTff7b72=Ta5d6ff"Te6edf3selectedModelTff7b72?Tb4b4b4.Te6edf3id Tff7b72?? Ta5d6ff''Ta5d6ff"
Tb4b4b4:Te6edf3disabledTff7b72=Ta5d6ff"Tff7b72!Te6edf3selectedProductTa5d6ff"
Te6edf3classTff7b72=Ta5d6ff"rnf-input disabled:opacity-50"
Tb4b4b4@Te6edf3changeTff7b72=Ta5d6ff"Te6edf3onModelChangeTa5d6ff"
Tb4b4b4>
Tb4b4b4<Tff7b72option Te6edf3valueTff7b72=Ta5d6ff"" Te6edf3disabledTb4b4b4>Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"tools.rnode_flasher.select_model"Tb4b4b4) Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72optionTb4b4b4>
Tb4b4b4<Tff7b72template Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3selectedProductTa5d6ff"Tb4b4b4>
Tb4b4b4<Tff7b72option Te6edf3v-forTff7b72=Ta5d6ff"Te6edf3model Tff7b72in Te6edf3selectedProductTb4b4b4.Te6edf3modelsTa5d6ff" Tb4b4b4:Te6edf3keyTff7b72=Ta5d6ff"Te6edf3modelTb4b4b4.Te6edf3idTa5d6ff" Tb4b4b4:Te6edf3valueTff7b72=Ta5d6ff"Te6edf3modelTb4b4b4.Te6edf3idTa5d6ff"Tb4b4b4>
Tff7b72{{ Te6edf3modelTb4b4b4.Te6edf3name Tff7b72}}
Tb4b4b4<Tb4b4b4/Tff7b72optionTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72templateTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72selectTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tff7b72button
Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3selectedProductTff7b72?Tb4b4b4.Te6edf3platform Tff7b72=== T79c0ff0x70 Tff7b72&& Te6edf3connectionMethod Tff7b72=== Ta5d6ff'serial'Ta5d6ff"
Tb4b4b4:Te6edf3disabledTff7b72=Ta5d6ff"Te6edf3isEnteringDfuModeTa5d6ff"
Te6edf3classTff7b72=Ta5d6ff"w-full inline-flex items-center justify-center gap-2 rounded-xl bg-amber-100 dark:bg-amber-900/30 hover:bg-amber-200 dark:hover:bg-amber-900/40 px-4 py-2.5 text-sm font-bold text-amber-700 dark:text-amber-400 transition-colors disabled:opacity-50"
Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'enter-dfu'Tb4b4b4)Ta5d6ff"
Tb4b4b4>
Tb4b4b4<Tff7b72v-progress-circular Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3isEnteringDfuModeTa5d6ff" Te6edf3indeterminate Te6edf3sizeTff7b72=Ta5d6ff"16" Te6edf3widthTff7b72=Ta5d6ff"2" Tb4b4b4/Tb4b4b4>
Tb4b4b4<Tff7b72MaterialDesignIcon Te6edf3v-else Te6edf3icon-nameTff7b72=Ta5d6ff"restart-alert" Te6edf3classTff7b72=Ta5d6ff"size-4" Tb4b4b4/Tb4b4b4>
Tb4b4b4<Tff7b72spanTb4b4b4>
Tff7b72{{
Te6edf3isEnteringDfuMode
Tff7b72? Te6edf3$tTb4b4b4(Ta5d6ff"tools.rnode_flasher.entering_dfu_mode"Tb4b4b4)
Tff7b72: Te6edf3$tTb4b4b4(Ta5d6ff"tools.rnode_flasher.enter_dfu_mode"Tb4b4b4)
Tff7b72}}
Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72templateTb4b4b4>
Tb4b4b4<Tff7b72scriptTb4b4b4>
Tff7b72import Te6edf3MaterialDesignIcon Tff7b72from Ta5d6ff"../MaterialDesignIcon.vue"Tb4b4b4;
Tff7b72export Tff7b72default Tb4b4b4{
Te6edf3nameTff7b72: Ta5d6ff"RNodeDeviceSelector"Tb4b4b4,
Te6edf3componentsTff7b72: Tb4b4b4{ Te6edf3MaterialDesignIcon Tb4b4b4}Tb4b4b4,
Te6edf3propsTff7b72: Tb4b4b4{
Te6edf3stepNumberTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657NumberTb4b4b4, Tff7b72defaultTff7b72: T79c0ff1 Tb4b4b4}Tb4b4b4,
Te6edf3connectionMethodTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657StringTb4b4b4, Te6edf3requiredTff7b72: Tff7b72true Tb4b4b4}Tb4b4b4,
Te6edf3wifiHostTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657StringTb4b4b4, Tff7b72defaultTff7b72: Ta5d6ff"" Tb4b4b4}Tb4b4b4,
Te6edf3selectedProductTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657ObjectTb4b4b4, Tff7b72defaultTff7b72: Tff7b72null Tb4b4b4}Tb4b4b4,
Te6edf3selectedModelTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657ObjectTb4b4b4, Tff7b72defaultTff7b72: Tff7b72null Tb4b4b4}Tb4b4b4,
Te6edf3productsTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657ArrayTb4b4b4, Te6edf3requiredTff7b72: Tff7b72true Tb4b4b4}Tb4b4b4,
Te6edf3capabilitiesTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657ObjectTb4b4b4, Te6edf3requiredTff7b72: Tff7b72true Tb4b4b4}Tb4b4b4,
Te6edf3isEnteringDfuModeTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657BooleanTb4b4b4, Tff7b72defaultTff7b72: Tff7b72false Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Te6edf3emitsTff7b72: Tb4b4b4[
Ta5d6ff"update:connectionMethod"Tb4b4b4,
Ta5d6ff"update:wifiHost"Tb4b4b4,
Ta5d6ff"update:selectedProduct"Tb4b4b4,
Ta5d6ff"update:selectedModel"Tb4b4b4,
Ta5d6ff"enter-dfu"Tb4b4b4,
Tb4b4b4]Tb4b4b4,
Te6edf3computedTff7b72: Tb4b4b4{
Te6edf3connectionOptionsTb4b4b4(Tb4b4b4) Tb4b4b4{
Tff7b72const Te6edf3t Tff7b72= Tff7b72thisTb4b4b4.Te6edf3capabilitiesTff7b72?Tb4b4b4.Te6edf3transports Tff7b72|| Tb4b4b4{Tb4b4b4}Tb4b4b4;
Tff7b72return Tb4b4b4[
Tb4b4b4{
Te6edf3idTff7b72: Ta5d6ff"serial"Tb4b4b4,
Te6edf3labelKeyTff7b72: Ta5d6ff"tools.rnode_flasher.serial"Tb4b4b4,
Te6edf3iconTff7b72: Ta5d6ff"usb-port"Tb4b4b4,
Te6edf3availableTff7b72: Tffa657BooleanTb4b4b4(Te6edf3tTb4b4b4.Te6edf3serialTff7b72?Tb4b4b4.Te6edf3availableTb4b4b4)Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Tb4b4b4{
Te6edf3idTff7b72: Ta5d6ff"bluetooth"Tb4b4b4,
Te6edf3labelKeyTff7b72: Ta5d6ff"tools.rnode_flasher.bluetooth"Tb4b4b4,
Te6edf3iconTff7b72: Ta5d6ff"bluetooth"Tb4b4b4,
Te6edf3availableTff7b72: Tffa657BooleanTb4b4b4(Te6edf3tTb4b4b4.Te6edf3bluetoothTff7b72?Tb4b4b4.Te6edf3availableTb4b4b4)Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Tb4b4b4{
Te6edf3idTff7b72: Ta5d6ff"wifi"Tb4b4b4,
Te6edf3labelKeyTff7b72: Ta5d6ff"tools.rnode_flasher.wifi"Tb4b4b4,
Te6edf3iconTff7b72: Ta5d6ff"wifi"Tb4b4b4,
Te6edf3availableTff7b72: Tffa657BooleanTb4b4b4(Te6edf3tTb4b4b4.Te6edf3wifiTff7b72?Tb4b4b4.Te6edf3availableTb4b4b4)Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Tb4b4b4]Tb4b4b4;
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Te6edf3methodsTff7b72: Tb4b4b4{
Te6edf3onProductChangeTb4b4b4(Te6edf3eventTb4b4b4) Tb4b4b4{
Tff7b72const Te6edf3id Tff7b72= Te6edf3eventTb4b4b4.Te6edf3targetTb4b4b4.Te6edf3valueTb4b4b4;
Tff7b72const Te6edf3product Tff7b72= Tff7b72thisTb4b4b4.Te6edf3productsTb4b4b4.Te6edf3findTb4b4b4(Tb4b4b4(Te6edf3pTb4b4b4) Tb4b4b4=> Tffa657StringTb4b4b4(Te6edf3pTb4b4b4.Te6edf3idTb4b4b4) Tff7b72=== Tffa657StringTb4b4b4(Te6edf3idTb4b4b4)Tb4b4b4) Tff7b72|| Tff7b72nullTb4b4b4;
Tff7b72thisTb4b4b4.Te6edf3$emitTb4b4b4(Ta5d6ff"update:selectedProduct"Tb4b4b4, Te6edf3productTb4b4b4)Tb4b4b4;
Tff7b72thisTb4b4b4.Te6edf3$emitTb4b4b4(Ta5d6ff"update:selectedModel"Tb4b4b4, Tff7b72nullTb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4,
Te6edf3onModelChangeTb4b4b4(Te6edf3eventTb4b4b4) Tb4b4b4{
Tff7b72const Te6edf3id Tff7b72= Te6edf3eventTb4b4b4.Te6edf3targetTb4b4b4.Te6edf3valueTb4b4b4;
Tff7b72const Te6edf3model Tff7b72= Tff7b72thisTb4b4b4.Te6edf3selectedProductTff7b72?Tb4b4b4.Te6edf3modelsTff7b72?Tb4b4b4.Te6edf3findTb4b4b4(Tb4b4b4(Te6edf3mTb4b4b4) Tb4b4b4=> Tffa657StringTb4b4b4(Te6edf3mTb4b4b4.Te6edf3idTb4b4b4) Tff7b72=== Tffa657StringTb4b4b4(Te6edf3idTb4b4b4)Tb4b4b4) Tff7b72|| Tff7b72nullTb4b4b4;
Tff7b72thisTb4b4b4.Te6edf3$emitTb4b4b4(Ta5d6ff"update:selectedModel"Tb4b4b4, Te6edf3modelTb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4;
Tb4b4b4<Tb4b4b4/Tff7b72scriptTb4b4b4>
Tb4b4b4<Tff7b72style Te6edf3scopedTb4b4b4>
Tb4b4b4@Tff7b72reference Ta5d6ff"../../style.css"Tb4b4b4;
Tb4b4b4.T56d364rnf-label Tb4b4b4{
@apply text-xs font-semibold text-gray-500 Te6edf3darkTb4b4b4:Tff7b72textTff7b72-Te6edf3zinc-500 Tff7b72uppercase Te6edf3tracking-widerTb4b4b4;
Tb4b4b4}
Tb4b4b4.T56d364rnf-input Tb4b4b4{
@apply w-full bg-gray-50 Te6edf3darkTb4b4b4:Te6edf3bg-zinc-800Tff7b72/T79c0ff50 Tff7b72border Tff7b72borderTff7b72-Tff7b72grayT79c0ff-200 Te6edf3darkTff7b72:Tff7b72borderTff7b72-Te6edf3zinc-800 Tff7b72textTff7b72-Tff7b72grayT79c0ff-900 Te6edf3darkTff7b72:Tff7b72textTff7b72-Te6edf3zinc-100 Tff7b72textTff7b72-Te6edf3sm Te6edf3rounded-xl Te6edf3focusTff7b72:Te6edf3ring-2 Te6edf3focusTff7b72:Te6edf3ring-blue-500Tff7b72/T79c0ff50 Te6edf3focusTff7b72:Tff7b72borderTff7b72-Tff7b72blueT79c0ff-500 Te6edf3px-4 Te6edf3py-2T79c0ff.5 Tff7b72transitionTff7b72-Tff7b72allTb4b4b4;
Tb4b4b4}
Tff7b72selectTb4b4b4.T56d364rnf-input Tb4b4b4{
Tff7b72appearanceTb4b4b4: Tff7b72noneTb4b4b4;
Tff7b72background-imageTb4b4b4: Tffa657urlTb4b4b4(Ta5d6ff"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"Tb4b4b4)Tb4b4b4;
Tff7b72background-positionTb4b4b4: Tff7b72right T79c0ff0.5Tffa657rem Tff7b72centerTb4b4b4;
Tff7b72background-repeatTb4b4b4: Tff7b72no-repeatTb4b4b4;
Tff7b72background-sizeTb4b4b4: T79c0ff1.5Tffa657em T79c0ff1.5Tffa657emTb4b4b4;
Tff7b72padding-rightTb4b4b4: T79c0ff2.5Tffa657remTb4b4b4;
Tb4b4b4}
Tb4b4b4<Tb4b4b4/Tff7b72styleTb4b4b4>
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────